﻿<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %> 
<!DOCTYPE HTML>
<!-- saved from url=(0044)http://localhost:8080/HouseRent/page/add.jsp -->
<HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>青鸟租房 -发布房屋信息</TITLE>
<META content="text/html; charset=utf-8" http-equiv=Content-Type>
<LINK rel=stylesheet type=text/css href="css/style.css">
<META name=GENERATOR content="MSHTML 8.00.7601.17514"></HEAD>
<BODY>
<script src="scripts/jquery-1.8.3.js"  type="text/javascript"></script>
  <script type="text/javascript">
  
  
 
  $(function(){
	  
	  
	  //用ajax查找二级联动的街道信息
			 $("SELECT[name='district_id']").change(function(){
					  
					  var countyno = $("SELECT[name='district_id']").val();//拿到父级区的值
					  
					  $("select[name='street_id']").empty();//清除子节点
			
					  $.post('findStreet',{countyno:$("select[name='district_id']").val()},function(mess){

							$.each(mess,function(index,data){
								 $("#showStreet").append("<option value='"+data.streetno+"'>"+data.sName+"</option>");
							})
						})
					  
					  
				  })
				  
				  
				  
				  
				//弹出提示框  
				var mess = $("#mess").text();
				if(mess!=null&&mess!=''){
					alert(mess);
				}  
				  
				  
				  
				  
				 //进行表单验证		  
			   $("FORM").submit(function(){
		
		
			        //验证标题是否符合规范
			        var hTitle=$("INPUT[name='title']").val();
			        if(hTitle==''||hTitle==null){
			            alert("标题不能为空");
			            return false;
			        }
			       
					
			        //验证街道是否为空
			        var street_id = $("SELECT[name='street_id']").val();
			        if(street_id==''||street_id==null){
			        	alert("街道不能为空");
			            return false;
			        }
					
					
			        //验证面积
			       var hArea=$("INPUT[name='floorage']").val();
			        if(hArea==''||hArea==null){
			            alert("面积输入不能为空");
			            return false;
			        }
			        
			        
			        
			        //验证价格
			        var hPrice=$("INPUT[name='price']").val();
			         if(hPrice==''||hPrice==null){
			             alert("价格输入不能为空");
			             return false;
			         }
			         
		
			         //验证房产证日期是否为空
			         var hDate=$("INPUT[name='houseDate']").val();
			          if(hDate==''||hDate==null){
			              alert("房产证日期输入不能为空");
			              return false;
			          }
			          var time=/^\d{4})-(0\d{1}|1[0-2])-(0\d{1}|[12]\d{1}|3[01]$/;
			  			if(!time.test(hDate)){
			  			 	alert("日期输入格式不正确");
			                  return false;
			  			} 
		
			       
			  			
			  		 //验证联系方式
			  	       var hTel=$("INPUT[name='contact']").val();
			  	        if(hTel==''||hTel==null){
			  	            alert("联系方式不能为空");
			  	            return false;
			  	        }	
			  			var phone=/^(^(\d{3,4}-)?\d{7,8})$|(13[0-9]{9}) $/;
			  			if(!phone.test(hTel)){
			  				alert("电话输入格式不正确");
			                return false;
			  			}
			  			
			  		
			  			
			  			
			  			//验证详细信息
			  			var hDescription = $("TEXTAREA[name='description']").text();
			  			if(hDescription==''||hDescription==null){
			  	            alert("联系方式不能为空");
			  	            return false;
			  	        }
			  			
			       return true;
			    })
			  
	 
  })
  
 
 
</script>

<DIV id=header class=wrap>
<DIV id=logo><IMG src="images/logo.gif"></DIV></DIV>
<DIV id=regLogin class=wrap>
<DIV class=dialog>
<DL class=clearfix>
  <DT>新房屋信息发布</DT>
  <DD class=past>填写房屋信息</DD></DL>
<DIV class=box>
<FORM method="get"  action="addHouseOrUpdate">
<DIV class=infos>
<TABLE class=field>
  <TBODY>
  <TR>
    <TD><input type="hidden"  name="houseno" value="${house.houseno}"/></TD>
    <TD><c:if test="${mess ne null }">${mess}</c:if></TD></TR>
  <TR>
  <TR>
    <TD class=field>标　　题：</TD>
    <TD><INPUT id=add_action_title class=text type=text name=title  <c:if test="${house ne null }">value="${house.hTitle}"</c:if>  ><INPUT id="userno" class=userno type="hidden" name="userno" value="${user.userno}"></TD></TR>
  <TR>
    <TD class=field>户　　型：</TD>
	    <TD>
		    <SELECT class=text name=type_id>
		    	<c:forEach items="${tlist}" var="t">
		    		<c:if test="${t.typeno eq house.h_typeno}"><OPTION selected value="${t.typeno}">${t.typeArea}</OPTION></c:if>
		    		<OPTION  value="${t.typeno}">${t.typeArea}</OPTION>
		    	</c:forEach>
		     </SELECT>
	    </TD>
   </TR>
  <TR>
    <TD class=field>面　　积：</TD>
    <TD><INPUT id=add_action_floorage class=text type=text name=floorage <c:if test="${house ne null }">value="${house.hArea}"</c:if>></TD></TR>
  <TR>
    <TD class=field>价　　格：</TD>
    <TD><INPUT id=add_action_price class=text type=text name=price  <c:if test="${house ne null }">value="${house.hPrice}"</c:if>> </TD></TR>
  <TR>
    <TD class=field>房产证日期：</TD>
    <TD><INPUT class=text type=text name=houseDate <c:if test="${house ne null }">value="${house.hDate}"</c:if>></TD></TR>
  <TR>
    <TD class=field>位　　置：</TD>
    	<TD>
	    	区：
	    	<SELECT class=text name=district_id>
	    		<c:forEach items="${clist}" var="c">
	    			<c:if test="${c.countyno eq house.h_countyno}"><OPTION selected value="${c.countyno}">${c.cName}</OPTION></c:if>
	    			<OPTION value="${c.countyno}">${c.cName}</OPTION>
	    		</c:forEach>
	    	</SELECT>
	    	 街：
	        <SELECT class=text  name=street_id   id=showStreet>
	        	<OPTION selected value="">请选择</OPTION>
	        </SELECT> 
        </TD>
        
        </TR>



  <TR>
    <TD class=field>联系方式：</TD>
    <TD><INPUT id=add_action_contact class=text type=text name=contact  <c:if test="${house ne null }">value="${house.hTel}"</c:if>> </TD></TR>
  <TR>
    <TD class=field>详细信息：</TD>
    <TD><TEXTAREA name=description><c:if test="${house ne null }">${house.hDescription}</c:if></TEXTAREA></TD></TR></TBODY></TABLE>
<DIV class=buttons><INPUT onclick='""' value=立即发布 type="submit"> 
</DIV></DIV></FORM></DIV></DIV></DIV>
<DIV id=footer class=wrap>
<DL>
  <DT>青鸟租房 © 2010 北大青鸟 京ICP证1000001号</DT>
  <DD>关于我们 · 联系方式 · 意见反馈 · 帮助中心</DD></DL></DIV></BODY></HTML>
